<div id="main" dojoType="dijit.layout.BorderContainer"  gutters="false"class="mainDiv">
	<div id="logo" dojoType="dijit.layout.ContentPane" region="top" class="logo title1">    
					<table style="width:100%;height:100%;"border="0">
							<col width="70%"/>
							<col width="30%"/>
							<tr>
									<td><font class="logo">Self Pass LOGO</font></td>
									<td>
											<label class="welcomeMsg msg" id="welcome"></label>
									</td>
							</tr>
					</table>
	</div><!--end of Logo ContentPane-->    

	<div id="subMain" dojoType="dijit.layout.BorderContainer" region="center"style="height:95%"     class="subMainDiv"  gutters="false">    

			<div id="toolBar" dojoType="dijit.Toolbar" region="top" style="height:20px;text-align:right" class="title2">
			</div><!--end of menu Toolbar-->

			<div dojoType="dijit.layout.BorderContainer" design="sidebar"  region="center"  gutters="false">
					 
					 <div dojoType="dijit.layout.BorderContainer" style="width:20%;"design="leading"  region="left"
									splitter="true"sizeMin="20" sizeMax="200"  gutters="false">
									<div id="catalogToolBar" dojoType="dijit.Toolbar" region="top" style="height:20px;text-align:right;border:1px solid red">
									</div><!--end of catalogToolBar -->
									<div dojoType="dijit.layout.ContentPane" title="Catalog"id="treeSpace" region="center"style="border:1px solid red">
									</div>
					 </div><!--end of catalogTree BorderContainer -->

					<div id="spaceMain" dojoType="dijit.layout.BorderContainer" design="leading" region="center"  gutters="false">

						<div dojoType="dijit.layout.BorderContainer"  design="leading" region="top"  gutters="false" 
									style="height:50%;"  splitter="true">
									<div id="accountToolBar" dojoType="dijit.Toolbar" region="top" style="height:20px;text-align:right">
									</div><!--end of accountToolBar -->
									<div dojoType="dijit.layout.ContentPane" title="AccountList" id="accountList"  region="center">
									</div>
						</div><!--end of accountList BorderContainer -->

							<div dojoType="dijit.layout.ContentPane" title="DetailsSpace"id="detailsSpace"  region="center">
								<div class="details" style="display:none;">
									<div class="title3 spaceTitle">
										<span id="detailspaceTitle"></span>
									</div>
									<div class="spaceMain">
										<div class="formMsg">
											<label id="submit_result_msg"></label>
										</div>
										<table align="center" border="0"class="detail">
											<col width="30%"/>
											<col width="70%"/>
										</table>
										<table align="center"border="0" class="detailsSubmit">
											<tr><td align="right"><div id="buttonSpace"></div></td>
											</tr>
										</table>
									</div>
								<div>
						</div><!--end  of DetailsSpace-->

					</div><!--end  of spaceMain-->

			</div><!--end  of 3sidebar BorderContainer-->                   

	</div><!--end  of subMain BorderContainer-->
                                
</div><!--end  of main 1headline BorderContainer-->

